﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>YBA.Plugin.popWin</title>
    <link href="../default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h1>YBA.Plugin.popWin(options)</h1>
    <h2>概述</h2>
    <p>
        基础弹窗组件，所有弹窗都是基于该弹窗来创建的
    </p>
    <h2>参数说明</h2>
    <h3><i>options:对象表达式，可选</i></h3>
    <p>
        <pre>
        {
            <i class="op">width: 宽度,
            height: 高度,
            nomask: 不创建弹窗覆盖层
            onShow: 显示完成后要触发的回调函数,
            onHide: 隐藏完成后要触发的回调函数</i>
        }
        </pre>
    </p>
    <h2>公共方法，假设创建的实例名称为popwin</h2>
    <h3>popwin.show()</h3>
    <p>
        显示弹窗
    </p>
    <h3>popwin.hide()</h3>
    <p>
        隐藏弹窗
    </p>
    <h3>popwin.destroy()</h3>
    <p>
        销毁弹窗
    </p>
    <h2>公用属性,假设创建的实例名称为popwin</h2>
    <h3>popwin.self</h3>
    <p>
        弹窗对象自身引用，jQuery对象，可通过popwin.self.find()来查找弹窗内部元素
    </p>
    <h3>popwin.mask</h3>
    <p>
        弹窗覆盖层的引用，jQuery对象，如果在创建弹窗时传入hidemask，那么这个值将会是undefined
    </p>
    <h2>示例代码</h2>
    <p>
        <pre>
    // 创建一个宽500px，高200px，带覆盖层的弹窗
    var popwin = new YBA.Plugin.popWin({
        width:"500px",
        height:"200px",
        onHide: function () {
            // 隐藏弹窗时要执行的回调函数
        },
        onShow: function () {
            // 显示弹窗时要执行的回调函数
        }
    });

    // 显示弹窗
    popwin.show();

    // 隐藏弹窗
    popwin.hide();

    // 销毁弹窗
    popwin.destroy();
        </pre>
    </p>
</body>
</html>
